<template>
    <div class="container-head">
        <div class="container-title">
            {{ title }}
        </div>
        <div class="container-menu">
            ...
        </div>
    </div>
</template>

<script>
import { mapState } from 'vuex';
export default {
    data () {
        return {
        };
    },
    computed: {
        ...mapState({
            title: state => state.head.title
        })
    },
    created () {},
    mounted () {
        this.$nextTick(()=>{
        });
    }
};
</script>

<style lang="less" scoped>
.container-head {
    width: 100%;
    height: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 4px rgba(0,21,41,.08);
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 50px;
    &-title {
        color: #303133;
        font-size: 14px;
    }
}
</style>